<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./css/style.css"/>
</head>
<body>
<header>
</header>
<div class="container">
    <div class="logo">
        <a href="">jQuery API 中文文档</a>
    </div>
    <div class="head">
        <div class="menu-top">
            <ul>
                <li>首页</li>
                <li class="current">jQuery API中文文档</li>
                <li>jQuery插件</li>
                <li>浏览器支持</li>
            </ul>
        </div>
        <div class="top-search">
            <input type="text" class="select"/>
        </div>
    </div>
    <div class="main">
        <div class="main-left" id="main-left">
            <ul>
                <li>Ajax
                    <ul>
                        <li>全局 Ajax 事件处理器</li>
                        <li>辅助函数</li>
                        <li>底层接口</li>
                        <li>快捷方法</li>
                    </ul>
                </li>
                <li>CSS</li>
                <li>数据操作</li>
                <li>核心 API</li>
                <li>DOM 属性</li>
                <li>回调对象</li>
            </ul>

        </div>
        <div class="main-right" id="main-right">
            <h1>
                jQuery API 中文文档</h1>
            <p>
                jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。如果你是一个 jQuery 新手，我们建议你先到jQuery 学习中心历练历练。
            </p>
            <p>
                如果你是在升级新版本的 jQuery ，务必阅读我们博客上列出的版本发布说明。如果你以前使用的是 1.9 版本之前的 jQuery ，建议你再看一看 1.9 版本升级指南。
            </p>
            <p>
                注意，这份 API 中文文档是关于 jQuery 的，其他兄弟项目的 API 文档地址如下：
            </p>
            <ul>
                <li><a href="">jQuery UI API 文档</a></li>
                <li><a href="">jQuery Mobile API 文档</a></li>
                <li><a href="">QUnit API 文档</a></li>
            </ul>
            <hr/>
            <div class="entry">
                <div class="entry-meta">
                    遍历 > 其它遍历
                </div>
                <div class="entry-in">
                    <h2>.add()</h2>
                    <p>
                        添加元素到匹配的元素集合。
                    </p>
                </div>
            </div>
            <div class="entry">
                <div class="entry-meta">
                    遍历 > 其它遍历
                </div>
                <div class="entry-in">
                    <h2>.add()</h2>
                    <p>
                        添加元素到匹配的元素集合。
                    </p>
                </div>
            </div>
            <div class="entry">
                <div class="entry-meta">
                    遍历 > 其它遍历
                </div>
                <div class="entry-in">
                    <h2>.add()</h2>
                    <p>
                        添加元素到匹配的元素集合。
                    </p>
                </div>
            </div>
            <div class="entry">
                <div class="entry-meta">
                    遍历 > 其它遍历
                </div>
                <div class="entry-in">
                    <h2>.add()</h2>
                    <p>
                        添加元素到匹配的元素集合。
                    </p>
                </div>
            </div>
            <div class="entry">
                <div class="entry-meta">
                    遍历 > 其它遍历
                </div>
                <div class="entry-in">
                    <h2>.add()</h2>
                    <p>
                        添加元素到匹配的元素集合。
                    </p>
                </div>
            </div>
            <div class="entry">
            <div class="entry-meta">
                遍历 > 其它遍历
            </div>
            <div class="entry-in">
                <h2>.add()</h2>
                <p>
                    添加元素到匹配的元素集合。
                </p>
            </div>
        </div>
        </div>

    </div>
</div>
<footer>
    <div class="container">
        <div class="bottom-div">
            <p>本站使用了 BootCDN 提供的开源项目免费 CDN 加速</p>
        </div>
    </div>


</footer>
<script language="javascript">
    document.getElementById("main-left").style.height=document.getElementById("main-right").scrollHeight+"px"
</script>
</body>
</html>
